<extend name="block/block" />
<block name="main">
    <section>
        <div class="main">
            <div class="main-box-activities">
                <div class="main-box-content">
                    <!--                this is the course item -->
                    <div class="activities-card-item">
                        <div class="activities-card-img">
                            <img src="__TMPL__/portal/public/assets/images/activities/act_001.png" alt="我为自己代言"  lazy="loaded">
                        </div>
                        <div class="card-bottom">
                            <div title="我为自己代言" class="card-msg">我为自己代言</div>
                            <div>
                                <span class="card-time">2020/06/28-2021/12/31</span>
                                <span class="card-number">4.4w人参与</span>
                            </div> <!---->
                            <span class="card-status card-status-living">进行中</span> <!---->
                        </div>
                    </div>

                    <div class="activities-card-item">
                        <div class="activities-card-img">
                            <img src="__TMPL__/portal/public/assets/images/activities/act_002.png" alt="我为自己代言"  lazy="loaded">
                        </div>
                        <div class="card-bottom">
                            <div title="我为自己代言" class="card-msg">我为自己代言</div>
                            <div>
                                <span class="card-time">2020/06/28-2021/12/31</span>
                                <span class="card-number">4.4w人参与</span>
                            </div> <!---->
                            <span class="card-status card-status-living">进行中</span> <!---->
                        </div>
                    </div>

                    <div class="activities-card-item">
                        <div class="activities-card-img">
                            <img src="__TMPL__/portal/public/assets/images/activities/act_003.png" alt="我为自己代言"  lazy="loaded">
                        </div>
                        <div class="card-bottom">
                            <div title="我为自己代言" class="card-msg">我为自己代言</div>
                            <div>
                                <span class="card-time">2020/06/28-2021/12/31</span>
                                <span class="card-number">4.4w人参与</span>
                            </div> <!---->
                            <span class="card-status">已结束</span> <!---->
                        </div>
                    </div>

                    <div class="activities-card-item">
                        <div class="activities-card-img">
                            <img src="__TMPL__/portal/public/assets/images/activities/act_004.jpg" alt="我为自己代言"  lazy="loaded">
                        </div>
                        <div class="card-bottom">
                            <div title="我为自己代言" class="card-msg">我为自己代言</div>
                            <div>
                                <span class="card-time">2020/06/28-2021/12/31</span>
                                <span class="card-number">4.4w人参与</span>
                            </div> <!---->
                            <span class="card-status card-status-living">进行中</span> <!---->
                        </div>
                    </div>

                    <div class="activities-card-item">
                        <div class="activities-card-img">
                            <img src="__TMPL__/portal/public/assets/images/activities/act_005.jpg" alt="我为自己代言"  lazy="loaded">
                        </div>
                        <div class="card-bottom">
                            <div title="我为自己代言" class="card-msg">我为自己代言</div>
                            <div>
                                <span class="card-time">2020/06/28-2021/12/31</span>
                                <span class="card-number">4.4w人参与</span>
                            </div> <!---->
                            <span class="card-status card-status-living">进行中</span> <!---->
                        </div>
                    </div>
                </div>
            </div>
            <include file="./block/page" />
        </div>
    </section>
</block>

<block name="script">
    <include file="block/script" />
    <script>
        let url = "{:url('portal/index/actdetail')}";
        $('.activities-card-item').click(function () {
            location.href = url;
        });
    </script>
</block>